<template>
	<div id="cesiumContainer"></div>
</template>
<script>
// 只负责创建实体 不负责其他操作
import cesiumInit from '@/utils/cesium/initViewer';
import { loadResources } from '@/utils/dynamicAssetLoader';
import config from '@/config'; // 引入配置文件
export default {
	data() {
		return {};
	},
	async created() {
		const resources = [
			// { type: 'css', file: '/Cesium/Widgets/widgets.css' },
			// { type: 'js', file: '/Cesium/Cesium.js' },
			{ type: 'css', file: `${config.cesiumBaseUrl}/Cesium/Widgets/widgets.css` },
			{ type: 'js', file: `${config.cesiumBaseUrl}/Cesium/Cesium.js` },
		];
		await loadResources(resources);
		if (window.__POWERED_BY_QIANKUN__) {
			// 只在微前端环境中设置 Cesium 的基础 URL
			// console.log(config, 'config.cesiumBaseUrl');
			Cesium.buildModuleUrl.setBaseUrl(`${config.setBaseUrl}`);
		}
		cesiumInit.init('cesiumContainer');

		// if (!window.__POWERED_BY_QIANKUN__) {
		// 	console.log('独立运行');
		// 	await loadResources(resources);
		// 	cesiumInit.init('cesiumContainer');
		// } else {
		// 	console.log('微服务运行');
		// 	// 在微服务环境中，你可能需要设置不同的基础URL
		// 	// resources[1].file = 'http://127.0.0.1:9903/Cesium/Cesium.js';
		// 	// resources[0].file = 'http://127.0.0.1:9903/Cesium/Widgets/widgets.css';
		// 	resources[1].file = '/child/app1/Cesium/Cesium.js';
		// 	resources[0].file = '/child/app1/Cesium/Widgets/widgets.css';
		// 	await loadResources(resources);
		// 	// Cesium.buildModuleUrl.setBaseUrl('http://127.0.0.1:9903/Cesium/');
		// 	Cesium.buildModuleUrl.setBaseUrl('/child/app1/Cesium/');
		// 	cesiumInit.init('cesiumContainer');
		// }
		// if (!window.__POWERED_BY_QIANKUN__) {
		// 	console.log('独立运行');
		// 	await loadJS('/Cesium/Cesium.js');
		// 	await loadCSS('/Cesium/Widgets/widgets.css');
		// 	cesiumInit.init('cesiumContainer');
		// } else {
		// 	console.log('微服务运行');
		// 	// 动态加载外部资源
		// 	const link = document.createElement('link');
		// 	link.rel = 'stylesheet';
		// 	link.href = 'http://127.0.0.1:9903/Cesium/Widgets/widgets.css';
		// 	document.head.appendChild(link);

		// 	const script = document.createElement('script');
		// 	script.src = 'http://127.0.0.1:9903/Cesium/Cesium.js';
		// 	script.onload = () => {
		// 		// 设置 Cesium 的基础路径
		// 		Cesium.buildModuleUrl.setBaseUrl('http://127.0.0.1:9903/Cesium/');
		// 		// 资源加载完成后执行的逻辑
		// 		console.log('Cesium loaded');
		// 	};
		// 	document.body.appendChild(script);
		// 	cesiumInit.init('cesiumContainer');
		// }
	},
	methods: {},
	async mounted() {},
	beforeDestroy() {
		cesiumInit.destroy();
	},
};
</script>

<style lang="scss" scoped>
#cesiumContainer {
	height: 100%;
	width: 100%;
}
</style>
